<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例 - 堆叠的水平</title>
	<link rel="stylesheet" type="text/css" href="./mony.css">
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
	<div class="container">
		<div class="row container">
			<!-- mother pay -->
			<div class="mony-box col-md-4 col-md-offset-2 ">
				<div class="white-header">
					<div class="price">
						<span class="currency">¥</span> 100
						<span class="per-month">一个月授权</span>
					</div>
				</div>
				<ul class="list-mr list-unstyled">
					<li>订单统计</li>
					<li>离线邀请统计</li>
					<li>超级管家</li>
					<li>定时任务 </li>
					<li>签到系统</li>
					<li>智能管理</li>
				</ul>
				<!-- <a id="" href="" class="btn-blue">立即购买</a> -->
			</div>
			<!-- neary pay -->
			<div class="mony-box col-md-4 " >
					<div class="white-header red-header">
							<div class="price">
								<span class="currency">¥</span> 800
								<span class="per-month">一年授权</span>
							</div>
						</div>
				<ul class="list-mr list-unstyled">
					<li>一键@所有人</li>
					<li>离线邀请统计</li>
					<li>订单积分统计</li>
					<li>超级群管家</li>
					<li class="disabled">定时任务</li>
					<li class="disabled">更多...</li>
				</ul>
				<!-- <a id="" href=""class="btn-red">立即购买</a> -->
			</div>
		</div>
	</div>

</body>

</html>